<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>易买网 - 首页</title>
<link type="text/css" rel="stylesheet" href="css/style.css" />
<script type="text/javascript" src="scripts/function.js"></script>
</head>
<body>
<%@include file ="common/header.jsp"%>
<div id="childNav">
	<div class="wrap">
		<ul class="clearfix">
			<li class="first"><a href="#">音乐</a></li>
			<li><a href="#">影视</a></li>
			<li><a href="#">少儿</a></li>
			<li><a href="#">动漫</a></li>
			<li><a href="#">小说</a></li>
			<li><a href="#">外语</a></li>
			<li><a href="#">数码相机</a></li>
			<li><a href="#">笔记本</a></li>
			<li class="last"><a href="#">Investor Relations</a></li>
		</ul>
	</div>
</div>
<div id="register" class="wrap">
	<div class="shadow">
		<em class="corner lb"></em>
		<em class="corner rt"></em>
		<div class="box">
			<h1>欢迎注册易买网</h1>
			<ul class="steps clearfix">
				<li class="current"><em></em>填写注册信息</li>
				<li class="last"><em></em>注册成功</li>
			</ul>
			<form id="regForm" method="post" action="reg-result.html" onsubmit="return checkForm(this);">
				<table>
					<tr>
						<td class="field">用户名(*)：</td>
						<td><input class="text" type="text" name="euUserId" onfocus="FocusItem(this)" onblur="doAjax(this,'servlet/CheckUserNameAction?userName='+this.value);" /><span></span></td>
					</tr>
                    <tr>
						<td class="field">真实姓名(*)：</td>
						<td><input class="text" type="text" name="euUserName" onfocus="FocusItem(this)" onblur="CheckItem(this);" /><span></span></td>
					</tr>
					<tr>
						<td class="field">登录密码(*)：</td>
						<td><input class="text" type="password" id="Password" name="euPassword" onfocus="FocusItem(this)" onblur="CheckItem(this);" /><span></span></td>
					</tr>
					<tr>
						<td class="field">确认密码(*)：</td>
						<td><input class="text" type="password" name="euPassword" onfocus="FocusItem(this)" onblur="CheckItem(this);" /><span></span></td>
					</tr>
					<tr>
						<td class="field">性别(*)：</td>
						<td><input type="radio" name="euSex" checked="checked" value="T"/>男
						<input type="radio" name="euSex" value="F"/>女<span></span></td>
					</tr>
					<tr>
						<td class="field">出生日期：</td>
						<td>
							<select name="birthYear"  id="bYear" onchange="loadMonth()" style="width:100px">
                             <c:forEach var="i" begin="1900" end="2020" step="1">
                            	<option value="${i}">${i}</option>
                            </c:forEach>
                            </select>年
                             select name="birthMonth" onchange="loadDay()" id="bMonth" style="width:100px">
                            <c:forEach var="i" begin="1" end="12" step="1">
                                  <option value="${i}">${i}</option>
                            </c:forEach>
                            </select>月
                            		<select name="birthDay" id="bDay" style="width:100px">
                            		<option value="2">2</option>
                            		<option value="1" selected="selected">1</option>
                            </select>日
						</td>
					</tr>
                    <tr>
						<td class="field">身份证：</td>
						<td><input class="text" type="text" name="euIdentityCode" onfocus="FocusItem(this)" onblur="CheckItem(this);"/><span></span></td>
					</tr>
					<tr>
						<td class="field">电子邮件：</td>
						<td><input class="text" type="text" name="euEmail" onfocus="FocusItem(this)" onblur="CheckItem(this);"/><span></span></td>
					</tr>
                    <tr>
						<td class="field">手机：</td>
						<td><input class="text" type="text" name="euMobile" onfocus="FocusItem(this)" onblur="CheckItem(this);" /><span></span></td>
					</tr>
					<tr>
						<td class="field">地址(*)：</td>
						<td><input class="text" type="text" name="euAddress" onfocus="FocusItem(this)" onblur="CheckItem(this);" /><span></span></td>
					</tr>
					<tr>
                         <td class="field">用户级别(*)：</td>
                         <td><input type="text" class="text" name="euStatus" id="status" /></td>
                    </tr>
					<tr>
						<td></td>
						<td><label class="ui-green"><input type="submit" name="submit" value="提交注册" /></label></td>
					</tr>
				</table>
			</form>
		</div>
	</div>
	<div class="clear"></div>
</div>
<div id="footer">
	Copyright &copy; 2016 湖南软测信息技术有限公司 All Rights Reserved. 湘ICP证1001号
</div>
</body>
</html>
<script type="text/javascript">
    function loadDay(){
        //alert(1);
        //1.获取你选择的年份和月份
        var yearVal = document.getElementById("bYear").value;
        var monthVal = document.getElementById("bMonth").value;
        //alert(yearVal+"===>"+monthVal);
        /** 2.确定天数
         *  大月  31天  1，3，5，7，8，10，12
         *  小月  30天  4,6,9,11
         *  二月  29天：闰年
         *       28天：平年
         */
        var days=0;
        if(monthVal==2){
            if((yearVal%4==0 )&& (yearVal%100!=0)||(yearVal%400==0)){
                days=29;
            }else{
                days=28;
            }


        }else if(monthVal==4||monthVal==6||monthVal==9||monthVal==11){
            days =30;
        }else{
            days = 31;
        }
        //3.为日的下拉列表添加days个option
        var birthdayEle = document.getElementById("bDay");

        //4.清除原来的option
        birthdayEle.options.length=0;
        //5.添加新的option
        for(var i=1;i<=days;i++){

            var option = new Option(i,i);

            birthdayEle.add(option);
        }

    }
    function loadMonth(){
        var monthEle = document.getElementById("bMonth");
        monthEle.options.length=0;
        monthEle.add(new Option("---请选择月份---","0"))
        for(var i=1;i<=12;i++){
            var option = new Option(i,i);
            monthEle.add(option);
        }

    }

</script>